<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>退款/售后</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/happyi/refundInfo.min.css?v=<%=$version%>">
</head>
<body>
<div id="refundInfo" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        {{name}}
    </div>
    <template v-if="type==1||type==2">
        <div class="refundInfo-top">
            <p><strong>订单编号:</strong>{{orderNumber}}</p>
            <p v-if="afterInfo.afterState==10"><strong>退款进度:</strong><span>{{data}}</span>后系统自动退款</p>
            <p v-else-if="afterInfo.afterState==40"><strong>退款进度:</strong><span>退款失败</span></p>
            <p v-else-if="afterInfo.afterState==50"><strong>投诉反馈:</strong>请耐心等待，平台客服将尽快与您及商家取得联系，了解并沟通退款相关事宜。</p>
            <p v-else-if="afterInfo.afterState==60"><strong>退款进度:</strong><span>商家正在审核，请耐心等待。</span></p>
            <p v-else-if="afterInfo.afterState==70||afterInfo.afterState==30"><strong>退款进度:</strong><span>退款中</span></p>
            <p v-else-if="afterInfo.afterState==100||afterInfo.afterState==110"><strong>退款进度:</strong>请买卖双方在&nbsp;&nbsp;<span>{{data1}}</span>内提交举证，平台将依据双方举证进行判定，详见退款详情及消息通知。</p>
            <p v-else><strong>退款进度:</strong><span>{{{"10":"申请退款","20":"取消退款","30":"同意退款","40":"拒绝退款","45":"退款成功","50":"买家投诉","55":"买家取消投诉","60":"申请退货退款","65":"取消退货退款","66":"已发退货快递","70":"同意退货退款","80":"拒绝退货退款","90":"退货退款完成","100":"买家举证","110":"卖家举证"}[""+afterInfo.afterState]}}</span></p>
        </div>
        <div class="refundInfo">
            <div id="canvas"></div>
            <div class="refundInfo-cent">
                <div class="refundInfo-list" v-if="afterInfo.afterState==45||afterInfo.refundsDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>退款成功</h6>
                        <p class="list-data">{{afterInfo.refundsDate}}</p>
                        <p>退款金额共计{{afterInfo.refundAmount}}乐币，已退款至买家账户</p>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==30||afterInfo.approvalRefundDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>商家同意退款，系统退款中</h6>
                        <p class="list-data">{{afterInfo.approvalRefundDate}}</p>
                        <p>将原路退回至买家的付款账户</p>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==65&&afterInfo.type==2||afterInfo.cancelRefundDate&&afterInfo.type==2">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家取消退货，交易恢复正常。</h6>
                        <p class="list-data">{{afterInfo.cancelRefundDate}}</p>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==65&&afterInfo.type==1||afterInfo.cancelRefundDate&&afterInfo.type==1">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家取消退货，交易恢复正常。</h6>
                        <p class="list-data">{{afterInfo.cancelDate}}</p>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==110&&afterInfo.buyerProofDate||afterInfo.sellerProofDate&&afterInfo.buyerProofDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>商家已举证，平台将依据双方举证进行判定</h6>
                        <p class="list-data">{{afterInfo.sellerProofDate}}</p>
                        <!--<p>投诉原因：{{afterInfo.sellerProof}}</p>-->
                        <p>举证描述：{{afterInfo.sellerProofDesc}}</p>
                        <div v-if="afterInfo.sellerImgs&&afterInfo.sellerImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.sellerImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==100||afterInfo.buyerProofDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家已提供举证内容，待商家举证。</h6>
                        <p class="list-data">{{afterInfo.buyerProofDate}}</p>
                        <!--<p>投诉原因：{{afterInfo.buyerProof}}</p>-->
                        <p>举证描述：{{afterInfo.buyerProofDesc}}</p>
                        <div v-if="afterInfo.buyerImgs&&afterInfo.buyerImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.buyerImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==100&&type==1">
                        <span @click="sellerOrder()">同意退款</span>
                        <span @click="getNext(5)">举证</span>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==100&&type==2">
                        <span class="spanBtn" @click="canceluserOrderComplaint()">取消退货及投诉</span>
                        <span @click="getNext(4)">举证</span>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==55||afterInfo.cancelcomplaintDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家取消投诉。</h6>
                        <p class="list-data">{{afterInfo.cancelcomplaintDate}}</p>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==50||afterInfo.complaintDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家投诉成功，平台将尽快与您取得联系</h6>
                        <p class="list-data">{{afterInfo.complaintDate}}</p>
                        <p>投诉原因：{{afterInfo.complaintReason}}</p>
                        <p>投诉描述：{{afterInfo.complaintDesc}}</p>
                        <div class="list-centImg" v-if="afterInfo.complaintsImgs&&afterInfo.complaintsImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.complaintsImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                    <!--<div class="list-btn clearfix" v-if="afterInfo.afterState==50&&type==1">-->
                        <!--&lt;!&ndash;<span @click="getNext(5)">举证</span>&ndash;&gt;-->
                        <!--<span @click="sellerOrder()">同意退款</span>-->
                    <!--</div>-->
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==50&&type==2">
                        <!--<span class="spanBtn" @click="canceluserOrderComplaint()">取消退货及投诉</span>-->
                        <!--<span @click="getNext(4)">举证</span>-->
                        <span @click="canceluserOrderComplaint()">取消投诉</span>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==40&&afterInfo.refuserefundDate&&afterInfo.courierDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>商家拒绝退款，商品将原路寄回。</h6>
                        <p class="list-data">{{afterInfo.refuserefundDate}}</p>
                        <p>拒绝原因：{{afterInfo.refuserefundReason}}</p>
                        <div class="list-centImg" v-if="afterInfo.refuserefundImgs&&afterInfo.refuserefundImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.refuserefundImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==40&&type==1">
                        <span @click="sellerOrder()">同意退款</span>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==40&&type==2">
                        <span  @click="getNext(3)">投诉</span>
                        <!--<span @click="getNext(7)">修改退款</span>-->
                        <!--<span @click="getIsClassify()">取消退款</span>-->
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==66||afterInfo.courierDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家提交退货物流，待商家处理。</h6>
                        <p class="list-data">{{afterInfo.courierDate}}</p>
                        <p>退货物流单号：{{afterInfo.courierNumber}}</p>
                        <p>物流公司：{{afterInfo.courier}}</p>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==66&&type==1">
                        <span @click="getNext(10)">跟踪物流</span>
                        <span @click="getNext(1)">拒接退款</span>
                        <span @click="sellerOrder()">同意退款</span>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==70||afterInfo.agreeRefundDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>请买家退回商品，并提交物流单号。</h6>
                        <p class="list-data">{{afterInfo.agreeRefundDate}}</p>
                        <p>收货人：{{afterInfo.consignee}}</p>
                        <p>联系电话：{{afterInfo.phone}}</p>
                        <p>退货地址：{{afterInfo.address}}</p>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==70&&type==2">
                        <span @click="getNext(6)">填写物流</span>
                        <!--<span @click="canceluserOrderRefundAndGoods()">取消退货</span>-->
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==40&&afterInfo.refuserefundDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>商家拒绝退款，待买家处理。</h6>
                        <p class="list-data">{{afterInfo.refuserefundDate}}</p>
                        <p>拒绝原因：{{afterInfo.refuserefundReason}}</p>
                        <div class="list-centImg" v-if="afterInfo.refuserefundImgs&&afterInfo.refuserefundImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.refuserefundImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==40&&type==1">
                        <span @click="sellerOrder()">同意退款</span>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==40&&type==2">
                        <span  @click="getNext(3)">投诉</span>
                        <!--<span @click="getNext(7)">修改退款</span>-->
                        <span @click="getIsClassify()">取消退款</span>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==80&&afterInfo.refuseGoodsDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>商家拒绝退货，待买家处理。</h6>
                        <p class="list-data">{{afterInfo.refuseGoodsDate}}</p>
                        <p>拒绝原因：{{afterInfo.refusereGoodsReason}}</p>
                        <div class="list-centImg" v-if="afterInfo.refuseregoodsImgs&&afterInfo.refuseregoodsImgs.length>0">
                            <p>凭证图片</p>
                            <strong v-for="item in afterInfo.refuseregoodsImgs" :style="bgimg(item)"></strong>
                        </div>
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==80&&type==1">
                        <span @click="sellerOrder()">同意退款</span>
                        <!--<span @click="getNext(7)">修改退款</span>-->
                        <!--<span @click="getIsClassify()">取消退款</span>-->
                    </div>
                    <div class="list-btn clearfix" v-if="afterInfo.afterState==80&&type==2">
                        <span  @click="getNext(3)">投诉</span>
                    </div>
                </div>
                <div class="refundInfo-list" v-if="afterInfo.afterState==20||afterInfo.cancelDate">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家取消退款</h6>
                        <p class="list-data">{{afterInfo.cancelDate}}</p>
                    </div>
                </div>
                <div class="refundInfo-list">
                    <div class="list-cent">
                        <h6><b class="listB"></b>买家申请<span>{{{"1":"退款","2":"退货退款"}[""+afterInfo.type]}}</span>，待商家处理</h6>
                        <p class="list-data">{{afterInfo.applyDate}}</p>
                        <p>退款类型：{{{"1":"仅退款","2":"退货退款"}[""+afterInfo.type]}}</p>
                        <p>退款原因：{{afterInfo.refundReason}}</p>
                        <p>退款联系人：{{afterInfo.refundcontact}}</p>
                        <p>联系方式：{{afterInfo.refundTelephone}}</p>
                    </div>
                    <template v-if="type==1">
                        <div class="list-btn clearfix" v-if="afterInfo.type==2&&afterInfo.afterState==60">
                            <!--<span>直接退款</span>-->
                            <span @click="agreeReturnGoods()">同意退货</span>
                            <span @click="getNext(9)">拒接退货</span>
                        </div>
                        <div class="list-btn clearfix" v-if="afterInfo.type==1&&afterInfo.afterState==10">
                            <span @click="sellerOrder()">同意退款</span>
                            <span @click="getNext(1)">拒接退款</span>
                        </div>
                    </template>
                    <template v-if="type==2">
                        <div class="list-btn clearfix" v-if="afterInfo.type==2&&afterInfo.afterState==60">
                            <!--<span>直接退款</span>-->
                            <!--<span @click="getNext(8)">修改退货</span>-->
                            <span @click="canceluserOrderRefundAndGoods()">取消退货</span>
                        </div>
                        <div class="list-btn clearfix" v-if="afterInfo.type==1&&afterInfo.afterState==10">
                            <!--<span @click="getNext(7)">修改退款</span>-->
                            <span @click="getIsClassify()">取消退款</span>
                        </div>
                    </template>
                </div>
            </div>
        </div>
        <div class="confirmOrder-footer">
            <strong class="footer-btn1" @click="getNext(2)">订单详情</strong>
        </div>
    </template>
    <template v-if="type==3">
        <div class="refundInfo-top">
            <p><strong>快递单号:</strong>{{orderNumber}}</p>
            <p><strong>快递名称:</strong>{{courier}}</p>
        </div>
        <div class="refundInfo logistics">
            <div id="canvas"></div>
            <div class="refundInfo-cent">
                <div class="refundInfo-list" v-for="item in logisticsInfo.data">
                    <div class="list-cent">
                        <h6><b class="listB"></b>{{item.context}}</h6>
                        <p class="list-data">{{item.time}}</p>
                    </div>
                </div>
                <!--<div class="refundInfo-list">-->
                    <!--<div class="list-cent">-->
                        <!--<h6><b class="listB"></b>卖家已发货，包裹等待揽收。</h6>-->
                        <!--<p class="list-data">2018.07.11 15:24</p>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </template>
    <pop-view v-show="pop.show" @on="getIsClassify()" :question="pop.question" @ok="canceluserOrderRefund()"></pop-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/happyi/refundInfo.js?v=<%=$version%>"></script>

</body>
</html>